<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>旗下基金</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/fund.css">
		<style>
			.wrapper-item .mui-table-view-cell{padding:5px 15px 5px 35px}
			.wrapper-item{padding:0;}
			.its-content{background:#edf0f4}
			.its-wrapper{margin-top:20px}
			.wrapper-table th{width:20%}
			.wrapper-table th:nth-child(4){width:40%}
			.wrapper-item .mui-table-view-cell{padding:5px 15px 5px 35px}
			.wrapper-item{padding:0;}
			.wrapper-item a span{width:16%;float:left;text-align:center;padding:10px 0}
			.wrapper-item a span:nth-child(2){width:24%}
			.wrapper-item a span:nth-child(3){width:24%}
			.wrapper-table1 th{width:16%}
			.wrapper-table1 th:nth-child(2){width:24%}
			.wrapper-table1 th:nth-child(3){width:24%}
			.wrapper-table1 th:nth-child(4){width:18%}
		</style>
	</head>
	<body style="overflow-x:hidden">
		<header id="header" class="mui-bar mui-bar-nav jjs-header">
			<h2 class="mui-title">旗下基金</h2>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left-result"></a>
			<a class="mui-icon mui-icon-bars mui-pull-right header-right"></a>
		</header>
		<div class="mui-content fund-net  per-content  ranking-content its-content">
			<div class="per-wrapper its-wrapper">
						<div class="mui-table-view">
						    <div class="mui-table-view-cell" onclick="average(this)">
						        <span class="mui-navigate-right wrapper-title"><i></i>旗下基金概况</span>
						    </div>
						    <div class="wrapper-bottom">
							    <div class="mui-row wrapper-list">
							        <div class="mui-col-sm-12 mui-col-xs-12">
							            <div class="mui-table-view-cell">
											<i class="average"></i>2017-10-13更新
							            </div>
							        </div>
							    </div>
							    <table class="mui-table wrapper-table">
							    	<thead>
							    		<tr>
							    			<th>类型</th>
							    			<th>数量</th>
							    			<th>规模</th>
							    			<th>规模占同类比例</th>
							    		</tr>
							    	</thead>
							    	<tbody>
							    		<tr>
							    			<td>股票型</td>
							    			<td>12</td>
							    			<td>8.6</td>
							    			<td>4.02%</td>
							    		</tr>
							    		<tr>
							    			<td>股票型</td>
							    			<td>15</td>
							    			<td>8.6</td>
							    			<td>4.02%</td>
							    		</tr>
							    	</tbody>
							    </table>
							    
							</div>
						</div>
					</div>
			<div id="slider" class="mui-slider mui-fullscreen">
				
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item11">股票型</a>
						<a class="mui-control-item" href="http://www.baidu.com">指数型</a>
						<a class="mui-control-item" href="#">混合型</a>
						<a class="mui-control-item" href="#">保本型</a>
						<a class="mui-control-item" href="#">债券型</a>
						<a class="mui-control-item" href="#">QDII</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div class="per-wrapper">
						<div class="mui-table-view">
						    <div class="mui-table-view-cell" onclick="strength(this)">
						        <span class="mui-navigate-right wrapper-title"><i></i>股票型-经理平均回报排名分布</span>
						    </div>
						    <div class="wrapper-bottom">
							    <div class="mui-row wrapper-list">
							        <div class="mui-col-sm-12 mui-col-xs-12">
							            <div class="mui-table-view-cell">
											<i class="average"></i>2017-10-13更新
							            </div>
							        </div>
							    </div>
							    <table class="mui-table wrapper-table wrapper-table1">
							    	<thead>
							    		<tr>
							    			<th>基金代码</th>
							    			<th>基金简称</th>
							    			<th class="mui-ellipsis">基金规模（亿元）</th>
							    			<th>单位净值</th>
							    			<th>今年以来</th>
							    		</tr>
							    	</thead>
							    </table>
							    <ul class="wrapper-item">
							    	<li>
							    		<a href="http://www.baidu.com" class="mui-clearfix">
							    			<span>123456</span>
							    			<span class="mui-ellipsis">华宝兴业</span>
							    			<span>2.18</span>
							    			<span>0.9800</span>
							    			<span>4.02%</span>
							    		</a>
							    	</li>
							    	<li>
							    		<a href="http://www.baidu.com" class="mui-clearfix">
							    			<span>123456</span>
							    			<span class="mui-ellipsis">华ldkflsdflsdl宝兴业</span>
							    			<span>2.18</span>
							    			<span>0.9800</span>
							    			<span>4.02%</span>
							    		</a>
							    	</li>
							    </ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/public.js"></script>
		<script>
			function average(e){
				$(e).parent().find(".wrapper-bottom").toggle()
				var H = $(".its-wrapper").height()+80;
				$(".mui-bar-nav~.ranking-content .mui-slider.mui-fullscreen").css({"top":H+'px'})
			}
			
			function strength(e){
				$(e).parent().find(".wrapper-bottom").toggle()
			}
			
			var H = $(".its-wrapper").height()+80;
//			alert(H)
			$(".mui-bar-nav~.ranking-content .mui-slider.mui-fullscreen").css({"top":H+'px'})
		</script>
	</body>
</html>